@import '../../../../scss/styles';

@layer payload-default {
  .LexicalEditorTheme__hr {
    width: auto !important;
    padding: 2px 2px;
    border: none;
    margin: 1rem 0;
    cursor: pointer;
  }

  .LexicalEditorTheme__hr:after {
    content: '';
    display: block;
    height: 2px;
    background-color: var(--theme-elevation-250);
  }

  .LexicalEditorTheme__hr.selected {
    outline: 2px solid var(--theme-success-250);
    user-select: none;
  }
}
